<template>
  <el-form :model="fillInForm">
    <div class="flex-between">
      <el-form-item class="width-quarter" label="矿区编号">
        <el-input v-model="fillInForm.c1" />
      </el-form-item>
      <el-form-item class="width-quarter" label-width="110px" label="登记分类编号">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
      <el-form-item class="width-quarter" label="矿山编号">
        <el-input v-model="fillInForm.c3" />
      </el-form-item>
      <el-form-item class="width-quarter" label-width="150px" label="统一社会信用代码">
        <el-input v-model="fillInForm.c4" />
      </el-form-item>
    </div>
    <div class="flex-between">
      <el-form-item label="矿山名称">
        <el-input v-model="fillInForm.b1" />
      </el-form-item>
      <el-form-item label="上表标识">
        <el-select v-model="fillInForm.b2" placeholder="请选择" clearable>
          <el-option label="123" value="1" />
          <el-option label="123" value="1" />
          <el-option label="123" value="1" />
        </el-select>
      </el-form-item>
      <el-form-item label="是否经过评审备案" label-width="200px">
        <el-radio-group v-model="fillInForm.b3">
          <el-radio label="1">经过评审备案</el-radio>
          <el-radio label="2">未经过评审备案</el-radio>
        </el-radio-group>
      </el-form-item>
    </div>
    <el-form-item label="探矿权人">
      <el-input v-model="fillInForm.b1" />
    </el-form-item>
  </el-form>

  <div class="basic-title">基本情况</div>

  <el-form :model="fillInForm" label-width="120px">
    <div class="flex">
      <el-form-item label="主矿产名称">
        <el-select v-model="fillInForm.d1" placeholder="请选择" clearable>
          <el-option label="123" value="1" />
          <el-option label="345" value="1" />
        </el-select>
        <el-select class="m-l-10" v-model="fillInForm.d2" placeholder="请选择" clearable>
          <el-option label="111" value="1" />
          <el-option label="222" value="1" />
        </el-select>
      </el-form-item>
      <el-form-item label="主矿产名称">
        <el-input v-model="fillInForm.b1" class="input-200" />
        <el-select class="m-l-10" v-model="fillInForm.d3" placeholder="请选择" clearable>
          <el-option label="111" value="1" />
          <el-option label="222" value="1" />
        </el-select>
      </el-form-item>
    </div>
    <div class="flex">
      <el-form-item label="探矿许可证" class="width30">
        <el-input v-model="fillInForm.b1" />
      </el-form-item>
      <el-form-item label="截止有效期">
        <el-date-picker v-model="fillInForm.d5" type="date" placeholder="Pick a day" />
      </el-form-item>
      <el-form-item label="建矿日期">
        <el-date-picker v-model="fillInForm.d6" type="date" placeholder="Pick a day" />
      </el-form-item>
    </div>
    <el-form-item label="行政区代码">
      <el-select v-model="fillInForm.d7" placeholder="请选择" clearable>
        <el-option label="111" value="1" />
        <el-option label="222" value="1" />
      </el-select>
    </el-form-item>
    <el-form-item label="矿区中心点坐标" label-width="140px">
      <div class="flex m-l-30">
        <span class="width40">经度(或Y)</span>
        <el-input v-model="fillInForm.b1" />
        <span class="width40 m-l-10">纬度(或X)</span>
        <el-input v-model="fillInForm.b1" />
      </div>
    </el-form-item>
  </el-form>
  <div class="basic-title">外部条件</div>

  <el-form :model="fillInForm" label-width="auto">
    <div class="flex-between">
      <el-form-item class="width-quarter" label="位于县城(市)" label-width="110px">
        <el-input v-model="fillInForm.c1" />
      </el-form-item>
      <el-form-item class="width-quarter" label="方位">
        <el-input v-model="fillInForm.c2">
          <template #append>度</template>
        </el-input>
      </el-form-item>
      <el-form-item class="width-quarter" label="至县距离">
        <el-input v-model="fillInForm.c3" />
      </el-form-item>
      <el-form-item class="width-quarter" label="最近交通线名称" label-width="120px">
        <el-input v-model="fillInForm.c4" />
      </el-form-item>
    </div>
    <div class="flex">
      <el-form-item class="width-quarter" label="车站名称">
        <el-input v-model="fillInForm.c1" />
      </el-form-item>
      <el-form-item class="width-quarter" label="运距">
        <el-input v-model="fillInForm.c2">
          <template #append>KM</template>
        </el-input>
      </el-form-item>
      <el-form-item class="width-quarter" label="直距">
        <el-input v-model="fillInForm.c3">
          <template #append>KM</template>
        </el-input>
      </el-form-item>
      <el-form-item class="width-quarter" label="交通类别">
        <el-input v-model="fillInForm.c4" />
      </el-form-item>
    </div>
    <div class="flex-between">
      <el-form-item label="水源地名称">
        <el-input v-model="fillInForm.c1" />
      </el-form-item>
      <el-form-item label="水源地距离">
        <el-input v-model="fillInForm.c2">
          <template #append>KM</template>
        </el-input>
      </el-form-item>
      <el-form-item label="供水满足程度">
        <el-radio-group v-model="fillInForm.b3">
          <el-radio label="1">满足</el-radio>
          <el-radio label="2">不满足</el-radio>
          <el-radio label="3">基本满足</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="距电网距离">
        <el-input v-model="fillInForm.c4">
          <template #append>KM</template>
        </el-input>
      </el-form-item>
    </div>
    <div class="flex">
      <el-form-item class="width-quarter" label="日供水量">
        <el-input v-model="fillInForm.c1">
          <template #append>m³/日</template>
        </el-input>
      </el-form-item>
      <el-form-item label="最大涌水量" label-width="90px">
        <el-input v-model="fillInForm.c2">
          <template #append>m³/日</template>
        </el-input>
      </el-form-item>
      <el-form-item label="正常涌水量" label-width="90px">
        <el-input v-model="fillInForm.c4">
          <template #append>m³/日</template>
        </el-input>
      </el-form-item>
    </div>
  </el-form>

  <div class="basic-title">其他信息</div>

  <el-form :model="fillInForm" label-width="auto">
    <el-form-item label="通讯地址">
      <div class="flex">
        <el-input v-model="fillInForm.c1">
          <template #append>省（自治区、直辖市）</template>
        </el-input>
        <el-input v-model="fillInForm.c1" class="m-l-10">
          <template #append>盟市（地、州、盟）</template>
        </el-input>
        <el-input v-model="fillInForm.c1" class="m-l-10">
          <template #append>县（市、旗、区）</template>
        </el-input>
        <el-input v-model="fillInForm.c1" class="m-l-10">
          <template #append>乡（镇、街、路）</template>
        </el-input>
      </div>
    </el-form-item>
    <div class="flex">
      <el-form-item class="width-quarter" label="邮政编码">
        <el-input v-model="fillInForm.c1" />
      </el-form-item>
      <el-form-item class="width-quarter" label="电话号码">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
      <el-form-item class="width-quarter" label="电子邮件">
        <el-input v-model="fillInForm.c3" />
      </el-form-item>
      <el-form-item class="width-quarter" label="填表人">
        <el-input v-model="fillInForm.c4" />
      </el-form-item>
    </div>
    <div class="flex">
      <el-form-item class="width-quarter" label="填报日期">
        <el-date-picker v-model="fillInForm.d6" type="date" />
      </el-form-item>
      <el-form-item class="width-quarter" label="填报负责人">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
      <el-form-item class="width-quarter" label="审查人">
        <el-input v-model="fillInForm.c3" />
      </el-form-item>
      <el-form-item class="width-quarter" label="审查负责人">
        <el-input v-model="fillInForm.c4" />
      </el-form-item>
    </div>
    <div class="flex">
      <el-form-item class="width-half" label="填报单位">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
      <el-form-item class="width-half" label="审查单位">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
    </div>
    <div class="flex">
      <el-form-item class="width-quarter" label="投产日期">
        <el-date-picker v-model="fillInForm.d6" type="date" />
      </el-form-item>
      <el-form-item class="width-quarter" label="截止日期">
        <el-date-picker v-model="fillInForm.d6" type="date" />
      </el-form-item>
      <el-form-item class="width-quarter" label="停办日期">
        <el-date-picker v-model="fillInForm.d6" type="date" />
      </el-form-item>
      <el-form-item class="width-quarter" label="停办原因">
        <el-input v-model="fillInForm.c4" />
      </el-form-item>
    </div>
    <el-form-item label="开发统计备注">
      <el-input v-model="fillInForm.c4" />
    </el-form-item>
    <div class="flex">
      <el-form-item class="width-half" label="登记号">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
      <el-form-item class="width-half" label="原登记号">
        <el-input v-model="fillInForm.c2" />
      </el-form-item>
    </div>
    <el-form-item label="通讯地址">
      <el-input v-model="fillInForm.c4" />
    </el-form-item>
    <el-form-item label="储量统计备注">
      <el-input v-model="fillInForm.c4" />
    </el-form-item>
  </el-form>
</template>

<script setup>
const fillInForm = inject('fillInForm');
</script>
